<template>
  <div class="header_box">
    <img src="@/assets/img/logo.png" alt="logo" class="logo" />
    <span class="header_title">VUE2.0 自定义组件</span>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.header_box {
  height: 80px;
  background: #005aa7; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #0b8793,
    #005aa7
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #0b8793,
    #005aa7
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.header_title {
  font-size: 20px;
  line-height: 80px;
}
.logo {
  width: 50px;
  margin-left: 50px;
  line-height: 80px;
}
</style>>
